th
Thu LeNoll
Case study — Brand × AI Active

A brand system built in Figma, the foundation for Claude.

I built Juniper Square's brand design system in Figma — color, spacing, and typography tokens and styles. It became the foundation for both the JSQ Claude plugin and our brand system in Claude Design.

Role
Brand design system lead
Foundations
+ AI guardrails
Year
2026
Active engagement
Team
Marketing
Brand
AI enablement
Deliverables
Figma tokens & styles
Web + deck variables
Slide-deck specs (JSON)
Guidelines & voice (MD)
Claude brand plugin
Status
Published
Claude org plugins
JSQ brand design system in Claude Design

Built in Figma, from the tokens up.

I built Juniper Square's brand design system in Figma — color, spacing, and typography tokens and styles. Because slide presentations are such a common medium at the company, I split it into two variable systems: one tuned for web, one for slide-deck design.

Alongside the Figma work, I wrote the specs the system needs to travel: JSON files for slide-deck specifications, and Markdown guidelines for usage, voice, and tone.

The same system, as a plugin the company designs with.

I turned the system into a Claude plugin with a set of skills the team can call directly — published in our organization plugins in Claude.

/brand-identityColors, spacing, type, and styles
/slide-deck-designOn-brand presentations from the deck specs
/voice-and-toneHow the brand sounds in writing
/brand-qaChecks work against the guidelines

The same foundations also power our brand system inside Claude Design. I keep developing it — building social-asset and web components and bringing them into Claude Design.

Outcome

One brand system, in two places it's actually used — a published Claude plugin and our Claude Design brand system — so people and AI start on-brand by default.

2
Variable systems — web + slide deck
4
Plugin skills — identity, deck, voice, QA
Live
In Claude org plugins + Claude Design
More projects
All work →